<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimal-ui" name="viewport"/>
    <title></title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="mainContainer">
        <header>
            <div class="menuButton icon-reorder"></div>
        </header>
        <div class="container"></div>
        <footer>Copy Right @ SohoTiger</footer>
    </div>
    <menu class="mainMenu">
        <menuitem>AAAAA</menuitem>
        <menuitem>
            AAAAA
            <div class="subMenu">BBBBBB</div>
            <div class="subMenu">BBBBBB</div>
            <div class="subMenu">BBBBBB</div>
            <div class="subMenu">BBBBBB</div>
        </menuitem>
        <menuitem>AAAAA</menuitem>
        <menuitem>AAAAA</menuitem>
        <menuitem>AAAAA</menuitem>
        <menuitem>
            AAAAA
            <div class="subMenu">BBBBBB</div>
            <div class="subMenu">BBBBBB</div>
            <div class="subMenu">BBBBBB</div>
        </menuitem>
        <menuitem>
            AAAAA
            <div class="subMenu">BBBBBB</div>
            <div class="subMenu">BBBBBB</div>
        </menuitem>
    </menu>
    <script type="text/javascript" src="js/modernizr-latest.js"></script>
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</body>
</html>